<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
   <img src="http://www.woshixiaoshuai.cn/img/20240922215513.png" alt="" width="400px" height="300px">
    <!-- 使用 <audio> 和 <video> 元素 -->
    <audio controls>
        <source src="./音乐我暂时没有" type="audio/mpeg">

    </audio>
    <video controls width="320" height="240">
        <source src="./视频我暂时也灭有" type="video/mp4">
    </video>
    <!-- 使用 <canvas> 元素 -->
    <canvas id="myCanvas" width="200" height="200">

    </canvas>
    <!-- 使用 <details> 和 <summary> 元素 -->
    <details>
        <summary>问题 1：这是什么？</summary>
        <p>答案 1：是一个猪</p>
    </details>

    <details>
        <summary>问题 2：这是什么？</summary>
        <p>答案 2：这是一个小帅</p>
    </details>
    <!-- 使用 <datalist> 元素 -->
    <form></form>
    <label for="myInput">输入内容：</label>
    <input list="suggestions" id="myInput">
    <datalist id="suggestions">
        <option value="我是人">
        <option value="不是狗">
        <option value="不是猪">
    </datalist>
    </form>
    <!-- 使用 <figure> 和 <figcaption> 元素 -->
        <figure>
            <img src="../作业/素材/20240914170823.png" alt="这是水浒" width="200px" height="150px">
            <figcaption>水壶</figcaption>
        </figure>
        <!-- 使用 <picture> 元素 -->
            
    <picture>
        <source media="(orientation: portrait)"srcset="20240914170853.png">
        <img src="../作业/素材/20240914170853.png" alt="图片">
    </picture>
</body>

</html>